App Landing Page

This is a landing page project built using React and SCSS, following a design reference from Figma.

Instructions to Run the Project Locally

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Juwairiyyah147/app-landing.git
   cd app-landing

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

   Open http://localhost:3000 to view it in your browser. The page will reload when you make changes, and you may also see any lint errors in the console.

4. Build the app for production:

   npm run build

   This will build the app for production, creating an optimized and minified bundle in the build folder.

Design Choices and Libraries Used

Design Choices

• Component-based Architecture: The application is built with a component-based architecture, making it modular, reusable, and easier to maintain.
• Responsive Design: The layout is designed to be fully responsive, ensuring it looks great on all devices.
• SCSS for Styling: Each component has its own SCSS file, with all styles referenced in Main.scss, allowing for scoped and maintainable styles.

Libraries and Tools Used

• React: A JavaScript library for building user interfaces, chosen for its component-based architecture and state management capabilities.
• SCSS: Used for styling components, providing nested rules, variables, and mixins which make CSS more maintainable.
• PostCSS: A tool for transforming CSS with JavaScript plugins, used to compile Tailwind CSS.

Figma Design

The design of this project was based on a Figma template. You can view the design reference here.

License

This project is licensed under the MIT License. See the LICENSE file for more details.