Welcome to Irressentials, an e-commerce website developed using ReactJS and styled with TailwindCSS. Irressentials offers a wide range of products for your specific needs, from Top-tier wine collections, to exquisite perfumes.
- ReactJS
- TailwindCSS
- AOS (Animate On Scroll)
- Browse products by category
- View products details
- Add/Remove products to cart
- Adjust product quantities in cart
- Proceed to checkout
- Animate On Scroll(Using AOS): Elements are animated when scrolling to provide a more engaging user experience.
- Random Bible verses each time a user checks out. [Planned]
- Identified the requirements and features needed for the website.
- Created wireframes and mockups to visualise the design and overall layout.
- Initialized a new ReactJS project using
create-react-app. - Installed TailwindCSS for styling.
- Set up the file structure, including components, pages, utilities, public assets (fonts & images), etc.
- Used TailwindCSS utility classes for styling various components.
- Ensured steady responsiveness across all breakpoints.
- Implemented product browsing functionality.
- Added the ability to add/remove products from the cart.
- Implemented cart functionality including adjusting quantities and calculating total prices.
- Included a random Bible verse feature that displays a different verse every time a user proceeds to check out. This will be implemented through accessing an API.
- Concluded multiple manual tests to ensure all features work as expected.
- Addressed any bugs or issues that arose during testing.
- Deployed the website to Vercel.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/irressentials.git
- Install dependecies:
cd irressentials
npm install
- Run the server:
npm start
- Open https://localhost:3000 in your browser to view the Irressentials website.
-
Icons made by FontAwesome
This project is licensed under the MIT license