Skip to content

This is a code quizzing app where you can take any code and scramble by line. Built with ReactJS, Express API.

License

Notifications You must be signed in to change notification settings

codessi/code-scramble-client

Repository files navigation

Code Scramble by codessi

A code scramble app that allows self quiz to memorize the order of the code.

Important Links

https://github.com/codessi/code-scramble-client

Guide

Initially it will load a list of the code that has been saved by previous users - view only.

You can solve the quiz by logging in (sign up if needed).

On the click of take quiz you will be lead to code that is scrambled and ready to edit.

Only the quiz you created is editable, if not the update & delete button won’t be visible.

Development Plan

As this is personal passion project, I have saved all plans saved in github’s project kanban and

planning to move forward as time allows.

User Stories

  • As an unregistered user, I would like to sign up with email and password.

  • As a registered user, I would like to sign in with email and password.

  • As a signed in user, I would like to change password.

  • As a signed in user, I would like to sign out.

  • As a user, I would like to upload raw code

  • As a user, I would like to see the scrambled code

  • As a user, I would like to unscrambled and confirm the answer

Technologies Used

Front-End

  • React

  • HTML/CSS/Javascript

  • Bootstrap

Back-End

  • Node.js

  • Express

  • MongoDB

  • Mongoose

  • MongoDB Atlas

  • Heroku

Future Development

  • moveable code line with mouse

  • timer

  • stylining

ERD

IMG_0007

Wireframe

IMG_0008

About

This is a code quizzing app where you can take any code and scramble by line. Built with ReactJS, Express API.

https://codessi.github.io/code-scramble-client

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages