Programming Pathshala Assignment

Overview

This project is a NextJs application developed as part of the Assessment Test. The objective of the application is to create a website similar to the Figma design provided along with the features mentioned in the task.

Key Features

1. Created a Next app using create-next-app.
2. Utilized Tailwind CSS and ShadCN for UI and styling.
3. Uses Zustand for managing the states - for dark and light modes.
4. The light and dark mode is toggled by adding or removing the "dark" class.
5. Has the feature of Count-up Animation.
6. Developed reusable components such as Footer, Header, Animation, Cards, Wrappers, etc.
7. Optimized for faster loading.
8. Enhanced the UI of the application.
9. Glassmorphic Navbar Design
10. Custom Favicons
11. Ensured complete responsiveness on all screens.
12. Code available on GitHub
13. Website deployed on Netlify. Link

Note: All 5 tasks mentioned in the assignment are completed.

Setup Instructions

To set up the project locally, follow these steps:

1. Clone the repository: https://github.com/namanx19/programming-pathshala-nextjs-assignment

2. Navigate to the project directory: cd <PATH_OF_DIRECTORY>

3. Install dependencies: npm install

4. Start the development server: npm run dev

5. On your browser, go to http://localhost:3000 (if your port is 3000)

Screenshots

Light Mode	Dark Mode