Git Product home page Git Product logo

alien_store's Introduction

Alien Store

Alien Store is a full-featured e-commerce application that provides a seamless shopping experience. The application includes user authentication, product management, cart operations, profile management, and translation services.

Features

Login & Registration

  • Users can register for an account and log in to access their profile and manage their cart.

Cart Management

  • Users can add products to their cart, update quantities, and proceed to checkout.

Profile Management

  • Users can view and update their profile information, as well as view their purchase history.

Product Listing

  • Users can browse through a list of available products, view product details, and read reviews.

Translation Services

  • The application supports multiple languages, allowing users to translate the entire page content into their preferred language.

Getting Started

Prerequisites

  • Node.js: Ensure you have Node.js installed on your machine. You can download it from Node.js.
  • Python: Ensure you have Python installed on your machine. You can download it from Python.
  • Docker: Ensure you have Docker installed on your machine. You can download it from Docker.

Installation

git clone https://github.com/yourusername/alien-store.git cd alien-store cd backend python -m venv venv activate pip install -r requirements.txt python manage.py migrate python manage.py createsuperuser python manage.py runserver cd .. cd frontend npm install npm start docker-compose up --build

Running the App

Access the frontend: Open your browser and navigate to http://localhost:3000. Access the backend: Open your browser and navigate to http://localhost:8000.

Application Structure

Backend (Django)

  • The backend is built using Django and Django REST Framework.
  • Key functionalities include user authentication, product management, and cart operations.
  • API endpoints provide data to the frontend and support CRUD operations for products and user profiles.

Frontend (React & Redux)

  • The frontend is built using React and Redux for state management.
  • Key functionalities include user registration and login, product browsing, cart management, and profile management.
  • The TranslatorButton component allows users to switch languages and translate the page content.

Translation

  • The application supports multilingual capabilities.
  • Text content is extracted from the DOM, sent for translation, and updated in the DOM with the translated text.
  • The selected language persists even after a page refresh.

Contributing

Contributions are welcome! Please follow these steps to contribute: Fork the repository. Create a new branch (git checkout -b feature/your-feature-name). Commit your changes (git commit -m 'Add some feature'). Push to the branch (git push origin feature/your-feature-name). Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

alien_store's People

Contributors

3raulo9 avatar almogrr avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.