Overview:
This app is a project for an e-commerce furniture store. It is built with a Static Site Generator (SSG) and provides a great User Experience. The app includes authentication and logged-in users have access to a variety of offers fetched from a headless CMS. Users are encouraged to report any issues they encounter or directly contribute by making pull requests.
Features:
- Authentication: Users can create accounts and log in to access personalized features.
- Offers: Users can choose from a wide range of furniture offers available on the app.
- Integration with Headless CMS: The app fetches offers from a headless CMS, ensuring up-to-date and easily manageable content.
- Typescript: Using Typescript provides the advantage of a superset language for writing code.
- React: The app is built using React, a widely used library for building user interfaces.
- Next: Next is a powerful React framework used to enhance the development and performance of the app.
- Context API: The app utilizes the Context API in React to enable data sharing between multiple components.
- SCSS: SCSS is used as the styling language, providing CSS with additional features and flexibility.
- Styled Components: The app incorporates the Styled Components framework for CSS-in-JS styling.
- Firebase: Firebase is used for powerful backend functionality, particularly for authentication purposes.
- React Hook Form: Forms in the app are built using React Hook Form, making validation and form management easy.
- React Select: The app utilizes React Select, a library for creating beautiful select input components.
- Stripe: Stripe is integrated into the app for easy payment processing.
- DatoCMS: DatoCMS, a complete and user-friendly headless CMS, is used to manage the app’s content.
- Jest: Jest, a Javascript testing framework, is employed for testing the app.
- React Testing Library: The React Testing Library is used for testing React components.
- Cypress: Cypress, a next-generation testing tool, is used for end-to-end testing.
Installation:
To install the app, please follow these steps:
- Clone the repository from [repository URL].
- Navigate to the project directory in your terminal.
- Install the necessary dependencies by running the following command:
- Start the app by running the command:
- The app should now be running on your localhost:3000.
Summary:
This app is an e-commerce furniture store project built with a focus on providing a great user experience and utilizing modern technologies. It offers features like authentication, a wide range of furniture offers, and integration with a headless CMS. The technology stack includes React, Next, Typescript, Firebase, and more. The app is easy to install and offers an extensive list of features to enhance the user experience.
