Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/modemobpsycho/flask-sneaker-store

🐍 A Flask-based monolithic full stack application featuring a seamless integration of backend functionality with Flask and frontend components developed in HTML, CSS, Bootstrap 5, and JavaScript.
https://github.com/modemobpsycho/flask-sneaker-store

dotenv flask flask-login flask-mail flask-migrations flask-session flask-wtf html-css-bootstrap-javascript-jquery jinja2 pytest sqlalchemy

Last synced: about 1 month ago
JSON representation

🐍 A Flask-based monolithic full stack application featuring a seamless integration of backend functionality with Flask and frontend components developed in HTML, CSS, Bootstrap 5, and JavaScript.

Awesome Lists containing this project

README

        

Sneaker Avenue


A full-stack web application for any sneaker store.


Explore the docs »




View Demo
·
Report Bug
·
Request Feature


## About The Project

Sneaker Avenue is a Flask-based web application for creating a sneaker store. It utilizes Flask as the primary framework for web development in Python, along with various libraries and components.

## Used technologies

The technologies I used to build this web application can be seen in the repository tags.

## Getting Started

This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.

### Prerequisites

This is an example of how to identify things you need to use the software and how to install them.

- pip
```
pip install -r requirements.txt
```

(back to top)

### Installation

_Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._

1. Install pip packages (and all dependencies)
```sh
pip install #or equivalent
```
2. Clone the repo
```sh
git clone https://github.com/modemobpsycho/FlaskWebApp-sneakerStore.git
```
3. Access
```sh
http://127.0.0.1:5000
```
4. Run
```sh
export FLASK_APP=main.py
```
5. Run
```sh
python main.py #or just "main.py" if virtualvenv == activate
```

(back to top)

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

(back to top)

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

(back to top)

## Contact

All information about how you can contact me is in my profile: Click!

Project Link: [https://github.com/modemobpsycho/FlaskWebApp-sneakerStore](https://github.com/modemobpsycho/FlaskWebApp-sneakerStore)

(back to top)

## Project review

In this section I will show you a project.

### - Home page

![alt text](images/home_1.png)

![alt text](images/home_2.png)

![alt text](images/home_3.png)

![alt text](images/home_4.png)

![alt text](images/home_5.png)

(back to top)

### - Category page

Ability to search for products by category.

![alt text](images/category_all.png)

![alt text](images/category_all_1.png)

![alt text](images/category_care.png)

![alt text](images/category_socks.png)

(back to top)

### - Favorites page

Adding and removing products from your favorites.

![alt text](images/likes_1.png)

![alt text](images/likes_2.png)

![alt text](images/likes_check.png)

(back to top)

### - Ability to search by product

Ability to search for products upon request.

![alt text](images/search_1.png)

![alt text](images/search_2.png)

###### пасхалка.. до слез

(back to top)

### - Cart organization

A cart of products has been organized.

![alt text](images/cart_1.png)

![alt text](images/cart_2.png)

(back to top)

### - Checkout page

Page for filling out order information.

![alt text](images/checkout_1.png)

![alt text](images/checkout_success.png)

(back to top)

### - Order page

Page for viewing confirmed orders.

![alt text](images/order.png)

(back to top)

### - Login page

![alt text](images/login.png)

(back to top)

### - Registration page

![alt text](images/reg.png)

(back to top)

### - Errors handler page

![alt text](images/404.png)

(back to top)