- Code must be typesafe
- Code must be modular
- Update the files present only in (external-pages) folder
- Update the landing page to match the design
- Update the footer.tsx file as needed
- Update the navigation menu as needed
- Install and setup magic-ui to render magic ui based components
- Don't install any other packages
- Don't add too many comments. Keep it simple.
- Remove unused code (don't leave it commented out)
pnpm tsc
should not throw any errorspnpm lint
should not throw any errors
- As close to pixel perfection as possible
- Landing page must match design in both desktop and mobile
- Tablet view should look reasonably well.
- No new colors or arbitrary changes.
To set up the project, follow these steps:
-
Install Dependencies: Ensure you have
pnpm
installed. If not, you can install it globally using npm:npm install -g pnpm
Once
pnpm
is installed, navigate to your project directory and run:pnpm install
This will install all the necessary dependencies for the project.
-
Run the Development Server: After the dependencies are installed, you can start the development server by running:
pnpm dev
This will start the server, and you can view the project in your browser at
http://localhost:3000
. -
Build for Production: If you need to build the project for production, you can run:
pnpm build
This will create an optimized build of your project in the
dist
directory. -
Additional Commands:
- To run typecheck:
pnpm tsc
- To lint the code:
pnpm lint
- To run typecheck:
By following these steps, you should be able to set up and run the project locally without any issues.