https://github.com/santiagosolerramos1/pixelport
Example of an online store using React.js and Django
https://github.com/santiagosolerramos1/pixelport
android-applications apps blockchain-technology dfinity django-rest-framework first-project google icp python react sass smart-contracts teamwork-project website
Last synced: 11 months ago
JSON representation
Example of an online store using React.js and Django
- Host: GitHub
- URL: https://github.com/santiagosolerramos1/pixelport
- Owner: santiagosolerramos1
- License: gpl-3.0
- Created: 2025-05-07T16:31:03.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-05-07T19:34:11.000Z (about 1 year ago)
- Last Synced: 2025-05-07T20:28:51.736Z (about 1 year ago)
- Topics: android-applications, apps, blockchain-technology, dfinity, django-rest-framework, first-project, google, icp, python, react, sass, smart-contracts, teamwork-project, website
- Size: 17.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PixelPort 🌐🛒
Welcome to **PixelPort**, an example of an online store built using **React.js** and **Django**. This project showcases the integration of a powerful front-end framework with a robust back-end system to create a seamless shopping experience.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
- [Releases](#releases)
## Features
- **User Authentication**: Secure login and registration system.
- **Product Listings**: Browse a variety of products with detailed descriptions.
- **Shopping Cart**: Add and remove items easily.
- **Checkout Process**: Simple and efficient checkout experience.
- **Responsive Design**: Works well on both desktop and mobile devices.
## Technologies Used
This project utilizes the following technologies:
- **Frontend**:
- React.js
- TypeScript
- SASS
- **Backend**:
- Django
- Django REST Framework
- **Database**:
- SQLite (or PostgreSQL for production)
- **Deployment**:
- Docker
- Heroku (or any other cloud service)
## Installation
To get started with PixelPort, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/santiagosolerramos1/PixelPort.git
cd PixelPort
```
2. **Set Up the Backend**:
- Navigate to the backend directory:
```bash
cd backend
```
- Install the required packages:
```bash
pip install -r requirements.txt
```
- Run migrations:
```bash
python manage.py migrate
```
- Start the Django server:
```bash
python manage.py runserver
```
3. **Set Up the Frontend**:
- Navigate to the frontend directory:
```bash
cd frontend
```
- Install the required packages:
```bash
npm install
```
- Start the React app:
```bash
npm start
```
Now, you can visit `http://localhost:3000` to see the application in action.
## Usage
Once the application is running, you can explore the features:
- **Register** a new account or **login** if you already have one.
- Browse through the product listings.
- Add items to your shopping cart.
- Proceed to checkout to complete your purchase.
## Contributing
We welcome contributions! To contribute to PixelPort:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/YourFeature
```
3. Make your changes and commit them:
```bash
git commit -m "Add your feature description"
```
4. Push to the branch:
```bash
git push origin feature/YourFeature
```
5. Create a pull request.
Please ensure your code adheres to the project's coding standards and includes tests where applicable.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
For questions or feedback, feel free to reach out:
- **Author**: Santiago Soler Ramos
- **Email**: santiagosolerramos1@example.com
## Releases
You can find the latest releases of PixelPort [here](https://github.com/santiagosolerramos1/PixelPort/releases). Download the latest version and follow the installation instructions to get started.
If you encounter any issues or have suggestions, please check the "Releases" section for updates or report them in the issues tab.
## Acknowledgments
We would like to thank the following resources and communities for their support:
- [Django Documentation](https://www.djangoproject.com/)
- [React Documentation](https://reactjs.org/)
- [Open Source Community](https://opensource.guide/)
## Conclusion
Thank you for visiting the PixelPort repository. We hope you find this project useful as a reference for building your own online store using React.js and Django. Happy coding!