This README.md provides comprehensive documentation for a project where we have designed a landing page using Next.js. The landing page serves as the entry point for our web application, and this document aims to provide insights into the project's goals, design decisions, challenges faced, installation instructions, usage guidance, contribution guidelines, and licensing information.
Our landing page project is built on Next.js, a popular React framework, and serves as the first impression of our web application. It is essential to document the key aspects of this project to ensure that the development process is transparent and that team members and contributors have a clear understanding of the project.
When designing our landing page using Next.js, I made a series of important design decisions that influenced the project's overall direction. Here's a summary of our design choices:
-
Tech Stack: Next.js, typescript, Tailwind CSS.
-
Design Style: Our design style is centered around a minimalistic and user-friendly approach. Converted given figma file into a reusable componenets without hard coding anything.
-
Performance Optimization: I developed this responsive landing page by using stored data in data.js file to not hardcode it for following best practices. Made resuable components with a modular approach of designing layout.
-
User Experience (UX): User experience is a top priority. I conducted usability tests, and based on user feedback, we integrated features to enhance navigation, minimize friction, and improve overall satisfaction.
To set up the project locally and start working on it, follow these steps:
-
Clone the Repository: Begin by cloning the project repository to your local machine:
git clone https://github.com/Prachi-2001/Landing-page.git
-
Navigate to the Project Directory: Change your working directory to the project's root folder:
cd Landing-page -
Install Dependencies: Install the required dependencies by running:
npm install
Once the project is set up, you can start the development server by running:
npm run devThis command will launch a local development server, allowing you to preview and work on the landing page.