Skip to content

Maymasi/PredictApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PredictApp

PredictApp is a React-based application that allows users to make predictions through a form and view their past prediction history. The app is secured with a login system using Google OAuth. Users can easily navigate through a clean and responsive interface, ensuring a seamless experience across different devices and screen sizes.


Features

  • Make Predictions 🔮: Submit data via a form and get real-time predictions.
  • View History 📜: Access and review all previous predictions with results.
  • Google OAuth Login 🔐: Secure authentication using Google login.
  • Responsive Design 📱💻: Seamless experience across devices.

Technologies Used

  • React ⚛️
  • Material UI 🎨
  • Axios 🌐
  • Lottie 🎞️
  • Google OAuth 🔑
  • React Router 🚦
  • React Toastify 🗨️

Screens to be Added

1. Landing Page 🏠

Introduction to the app, Google login button, and brief explanation of features.

image

image

localhost_3000_predict_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9 eyJlbWFpbCI6Im9tb3VzYWdAZ21haWwuY29tIiwiX2lkIjoiNjc3MDY3MmQ0ZWY2NWUzNDA4Y2Y5MzEzIiwibmFtZSI6Im91c3NhbWEiLCJpYXQiOjE3MzgxOTM5MDgsImV4cCI6MTczODI4 (3)

2. Login 🔑

Login page with Google OAuth authentication.

image


3. Home 🏡

Main screen where users can input data and make predictions.

image

WhatsApp Image 2025-01-30 à 00 40 53_90e81e61

localhost_3000_predict_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9 eyJlbWFpbCI6Im9tb3VzYWdAZ21haWwuY29tIiwiX2lkIjoiNjc3MDY3MmQ0ZWY2NWUzNDA4Y2Y5MzEzIiwibmFtZSI6Im91c3NhbWEiLCJpYXQiOjE3MzgxOTM5MDgsImV4cCI6MTczODI4 (1) localhost_3000_predict_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9 eyJlbWFpbCI6Im9tb3VzYWdAZ21haWwuY29tIiwiX2lkIjoiNjc3MDY3MmQ0ZWY2NWUzNDA4Y2Y5MzEzIiwibmFtZSI6Im91c3NhbWEiLCJpYXQiOjE3MzgxOTM5MDgsImV4cCI6MTczODI4 (2)

4. Prediction History 📅

Displays a list of all past predictions with results and timestamps.

image

image

image

localhost_3000_predict_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9 eyJlbWFpbCI6Im9tb3VzYWdAZ21haWwuY29tIiwiX2lkIjoiNjc3MDY3MmQ0ZWY2NWUzNDA4Y2Y5MzEzIiwibmFtZSI6Im91c3NhbWEiLCJpYXQiOjE3MzgxOTM5MDgsImV4cCI6MTczODI4MDMw

Installation

  1. Clone the repository:

    git clone https://github.com/Oussamaroom67/PredictApp
  2. Install dependencies:

    cd PredictApp
    npm install
  3. Start the app:

    npm start

The app will be available at http://localhost:3000.


Scripts

  • start ▶️: Launch the development server.
  • build 🔨: Build the production version of the app.
  • test ✅: Run unit tests.
  • eject ⚙️: Customize the app configuration.

📜 License

This project is licensed under the MIT License.


Contact Us

If you'd like to suggest new features or contribute to the project, feel free to contact us on LinkedIn:


Contributors

  • Oussama Nouhar
  • Omaima Siaf
  • Souhayla Ghanem

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors