Abby-kr / Chelsea_FC

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Phase 4 Project: Full-Stack Application

Project by:

Abigail Otieno, Dyphnah Nyamongo, Mary Mukami and Mola tonny

This project is a fullstack application with a React frontend and a Flask backend for Chelsea FC, showcasing their history and providing information about the club. It includes sections such as an introduction, team details, website building blocks, and a call to action. The project satisfies

Requirements

For this project, we are required to:

1.Use a Flask API backend with a React frontend.

2.Have at least three models on the backend, that include the following:

- At least two one-to-many relationships.
- At least one reciprocal many-to-many relationship.
- Full CRUD actions for at least one resource.
- Minimum of create and read actions for EACH resource.

3.Use forms and validation through Flask-WTF on all input.

-At least one data type validation.
-At least one string/number format validation.

4.Have at least three different client-side routes using React Router. Be sure to include a nav bar or other UI element that allows users to navigate between routes.

5.Connect the client and server using either fetch() or socket.io.

Note: a user should only be able to edit and delete resources if they are logged in and the creator of that resource. For example, if we consider the example described below with models of User, DogHouse, and Review, I would only be able to edit or delete the reviews that I created.

Table of Contents

1.Introduction

2.Features

3.Usage

4.Technologies

5.Contributing

6.License

Introduction

The landing page provides an overview of Chelsea FC, one of the most successful football clubs in England. It highlights the club's history, major achievements, and notable managers. The page also includes a call to action for users to sign up to the newsletter.

Features

Overview of Chelsea FC's history and achievements Navigation menu to access different team sections Call to action for users to sign up Usage

To view in your browser, run npm start and python3 app.py

Technologies and Frameworks

  1. React.js
  2. Flask
  3. CSS
  4. HTML5

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on the GitHub repository. If you would like to contribute directly, you can fork the repository and create a pull request with your changes.

License

This project is licensed under the MIT License.

About

License:MIT License


Languages

Language:Python 51.0%Language:JavaScript 32.4%Language:CSS 8.7%Language:HTML 6.1%Language:Mako 1.8%