https://github.com/hari7261/neostore_e-com
e-commerce platform designed with the latest technology to provide a futuristic shopping experience.
https://github.com/hari7261/neostore_e-com
e-commerce e-commerce-platform e-commerce-website framer-motion hari7261 lucide-react motion-framer nextjs reactjs tailwindcss typescript web3forms
Last synced: 7 months ago
JSON representation
e-commerce platform designed with the latest technology to provide a futuristic shopping experience.
- Host: GitHub
- URL: https://github.com/hari7261/neostore_e-com
- Owner: hari7261
- Created: 2024-11-16T19:28:08.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-11-16T20:19:09.000Z (11 months ago)
- Last Synced: 2025-01-17T21:06:30.202Z (9 months ago)
- Topics: e-commerce, e-commerce-platform, e-commerce-website, framer-motion, hari7261, lucide-react, motion-framer, nextjs, reactjs, tailwindcss, typescript, web3forms
- Language: TypeScript
- Homepage: https://neostore-swart.vercel.app/
- Size: 663 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NeoStore - The Future of E-Commerce 🚀
Welcome to **NeoStore**, a cutting-edge e-commerce platform designed with the latest technology to provide a futuristic shopping experience. This project incorporates modern UI/UX principles, smooth animations, and interactive features to make online shopping more immersive than ever.
## 🛠️ Technologies Used
| Technology | Description |
|-----------------|-----------------------------------------------------------------------------|
| **Next.js** | A powerful React framework for building server-side rendered applications. |
| **TypeScript** | A superset of JavaScript for better development with static types. |
| **Framer Motion** | A popular React library for animations and motion UI elements. |
| **React Icons** | A collection of popular icons for modern web applications. |
| **Tailwind CSS**| A utility-first CSS framework for creating responsive and customizable designs. |
| **React Context** | A way to manage state globally, used here for cart management. |
## ✨ Features
- **Interactive Product Carousel**: Scroll through featured products with smooth animations and hover effects. 📸
- **Add to Cart with Hover Action**: Products reveal an "Add to Cart" button on hover, encouraging interaction. 🛒
- **Futuristic Design**: Sleek, minimalistic, and modern UI with a dark mode default. 🌙
- **Smooth Animations**: Subtle animations using **Framer Motion** for a polished and engaging experience. ✨
- **Mobile Optimized**: Fully responsive, ensuring a great experience across devices. 📱
- **Product Details on Hover**: Hovering over a product reveals key information and actions like the "Add to Cart" button. 💡
## 📸 Screenshots
*Example of Featured Products section with hover animations and smooth transitions.*
## 🚀 Getting Started
### Prerequisites
Before you begin, ensure you have the following installed:
- [Node.js](https://nodejs.org/) (Recommended version: >=16.0.0)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/neostore.git
```
2. Navigate to the project directory:
```bash
cd neostore
```
3. Install dependencies:
If you're using **npm**:
```bash
npm install
```
Or if you're using **yarn**:
```bash
yarn install
```
4. Run the development server:
```bash
npm run dev
```
Or with **yarn**:
```bash
yarn dev
```
Visit [http://localhost:3000](http://localhost:3000) in your browser to see the application in action. 🎉
## 🖥️ Folder Structure
Here's an overview of the project's folder structure:
```bash
/neo-store
├── /components # Reusable components like Navbar, Footer, etc.
├── /pages # The main pages of the app (Home, Cart, etc.)
├── /public # Static assets like images and fonts
├── /styles # Global CSS files
├── /utils # Utility functions and helpers
├── /context # React context for managing the cart state
├── next.config.js # Next.js configuration
└── package.json # Project metadata and dependencies
```
## ⚙️ Features To Implement
| Feature | Description | Status |
|-------------------------------|-----------------------------------------------------------------------|---------|
| User Authentication | Allow users to sign up, log in, and manage their profiles. | Planned |
| Product Ratings and Reviews | Add user ratings and reviews for products. | In Progress |
| Payment Gateway Integration | Integrate a payment service for users to complete purchases. | Planned |
| Wishlist Functionality | Allow users to add products to a wishlist for later purchase. | Planned |
| Improved Search Functionality | Add search filters and better categorization for products. | Planned |
## 📝 License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.
## 🌐 Demo
Check out the live demo of the NeoStore project [here](https://neostore-swart.vercel.app/).
## 🎉 Acknowledgments
- **Framer Motion**: For their amazing animation library that makes the UI come to life. 🌟
- **Next.js**: For making server-side rendering easy and efficient. 🚀
- **Tailwind CSS**: For enabling quick, customizable styling and a clean design system. 🎨
---