static-saqib / FlashCards__generator

This assignment is the frontend Capstone project assigned by Almabetter, titled the "Flashcard Generator.

Flashcard Generator

# AlmaBetter-Flashcard-Generator

This assignment is the frontend Capstone project assigned by Almabetter, titled the "Flashcard Generator.

Deployment

Click Here to see my flashcard generator website.

Run Locally

Install dependencies

  npm install

Start the server

  npm run start

Authors

• @Mohd Saqib (https://github.com/static-saqib)

• @Pranav Shinde (https://github.com/pranavshinde96)

• @Pooja Vishwakarma (https://github.com/PoojaVishwakarm)

• @Abhimanyu (https://github.com/abhimanyu086)

Tech Stack

• React js( React Router ),
• Redux, React-Redux,
• TailwindCSS,
• React-icons,
• React Formik & Yup,
• React-toastify

About The Project (Flashcard )

This project is created with mainly React js , In this project mainly we have three pages.

1) create Flashcard page 
2) My Flashcard page 
3) Flashcard Details page

• Create fashCard page: In this page we used a Formik for creating input boxes, yap for validation and a switch to toggle between light mode to dark mode.

• My Flashcard page: In this page you can see your all flashcards

• FlashcardDetails page : In this page you can see your flashcards details and you can also share or print your page

How To Use

1. Open flashcard generator Click Here.

2. Fill up all the input boxes without any Errors and click on "Create" button.

3. For the viewing recently created flashcards click on "My flashcard" link this will show all flashcard you created recently.

4. For the Viewing Details of flashcard click on "view card" button it will redirect you to the flashcard details page where you take a look of your flashcard details.

Features

• Add More Input Box
• Delete Input Box
• Edit Input box
• Upload Image
• View cards
• Share
• Social Media Button
• Back Button
• Close button for closing share page
• See All (Button)

Skills

• React Js
• Html
• Css
• Javascript