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

No packages published

Contributors 3

  •  
  •  
  •