A web application designed to cater to wine enthusiasts, offering them a platform to discover a wide array of wines, delve into their unique characteristics, and exchange insights and experiences. Users can seamlessly browse through diverse wines, access comprehensive details about each selection, and engage with fellow enthusiasts through comments and ratings. Additionally, the platform incorporates user-friendly features such as a shopping cart function, wishlist, catalogue , and robust authentication mechanisms for signup and login and also and an admin page.
Fullstack
Live Demo Frontend
Live Demo Backend
PayPal Pioneers/<br>
├─ Backend/<br>
│ ├─...<br>
├─ screenshots/<br>
│ ├─...<br>
├─ Frontend/<br>
│ ├─public<br>
│ ├─src<br>
│ │ ├─assets<br>
│ │ │ ├─...<br>
│ │ ├─components<br>
│ │ │ ├─authentication<br>
│ │ │ │ ├─...<br>
│ │ │ ├─catlog<br>
│ │ │ │ ├─...<br>
│ │ │ ├─context<br>
│ │ │ │ ├─...<br>
│ │ │ ├─dashboard<br>
│ │ │ │ ├─...<br>
│ │ │ ├─...<br>
│ │ ├─hooks<br>
│ │ │ ├─...<br>
│ │ ├─images<br>
│ │ │ ├─...<br>
│ │ ├─redux<br>
│ │ │ │ ├─Actions<br>
│ │ │ │ ├─reducers<br>
│ │ │ │ │ ├─...<br>
│ │ │ │ ├─...<br>
│ │ │ ├─...<br>
│ │ ├─styles<br>
│ │ │ ├─...<be>
│ │ ├─...<be>
│ ├─...<br>
- Wine browsing
- Wine details view
- User comments and ratings
- User-friendly website design
- Shopping cart functionality
- Search functionality
- User signup and login
- Filtration functionality
- Wishlist functionality
- Admin Dashboard (CRUD operation on products)
- HTML: Provides the structure and content for the web page.
- CSS: Handles the UI and styling, ensuring an appealing visual presentation.
- Bootstrap: Front-end framework for responsive, mobile-first web design with pre-designed components and powerful layout grid system.
- Javascript: Dynamic scripting language for web development, interactive UIs, server-side applications
- Create React App (CRA): Toolchain for setting up a modern React web app environment with no configuration needed.
- Vite: Front-end build tool that provides a faster and leaner development experience for modern web projects.
- ChakraUI: React component library for building accessible, reusable UI components with a simple, modular and customizable design system.
- JSON Server: Lightweight tool to set up a fake REST API with JSON files for prototyping or testing front-end projects.
To run this project you need to have node packet manager npm
for more info
- Clone this repository to your local machine.
- Go inside the Frontend directory and do
npm install
- Install other dependencies
npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion axios react-redux recharts redux redux-thunk
- After installation dependency type
npm run dev
orvite
- Explore the Thirsty Wine website experience right from your device.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by Wine Store - E-COMMERCE layout.