An open API service indexing awesome lists of open source software.

https://github.com/sergioaff/dango_ecommerce


https://github.com/sergioaff/dango_ecommerce

eccomerce html-css javascript nextjs reactjs redux tailwindcss typescript

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# E-Commerce 🛒

An e-commerce platform built with **Next.js**, **Tailwind CSS**, and **TypeScript**. This project aims to provide a responsive, fast, and user-friendly shopping experience, leveraging modern web development technologies.

## Features 🚀

- **Responsive Design**: Optimized for all screen sizes.
- **Shopping Cart**: Add, update, and remove items in the cart.
- **State Management**: Efficient state handling with modern patterns.

---

## Tech Stack 🛠️

- **Framework**: [Next.js](https://nextjs.org/) for server-side rendering and routing.
- **Styling**: [Tailwind CSS](https://tailwindcss.com/) for utility-first, responsive design.
- **Language**: [TypeScript](https://www.typescriptlang.org/) for strong typing and improved developer experience.
- **State Management**: Integrated with Redux.
- **Deployment**: Vercel for seamless hosting and CI/CD.

---

## Prerequisites 📋

Make sure you have the following installed:

- [Node.js](https://nodejs.org/) (version 16 or later)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
- Git

---

## Installation 🛠️

1. Clone the repository:

```bash
git clone https://github.com/sergioAff/dango_ecommerce
cd your-repo-name
```

2. Install dependencies:

```bash
npm install
```

3. Start the development server:
```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

---

## Images

### Desktop

![1](https://github.com/user-attachments/assets/cb6bb7cc-38dc-40b0-bb99-e226d582618f)
![2](https://github.com/user-attachments/assets/af656f91-2bc8-470c-8734-0f624774197d)

### Mobile

| Mobile View |
|--------------|
| ![3](https://github.com/user-attachments/assets/3f752bf2-a72e-4925-a0ae-b39f23fd3483)
| ![4](https://github.com/user-attachments/assets/4810566c-18d2-4919-864b-00e61ab1a35d)

## Contact 📬

For any questions or feedback, feel free to contact:

Name: Sergio Fernández
Email: [email protected]
GitHub: [Sergio Fernández](https://github.com/sergioAff/)