This is primarily a server-side, flashcard application built with Express
❔ 🔢 🎓 📝 ➡️
This Express flashcards application was built to generate dynamic content using templates, variables, and cookies.
Regarding UX, users enjoy a modest interface built with the Pug template engine, and specially curated image/PNG visuals for added life through the interactions. On first entering the web site at the /hello route, users are prompted to enter their name. Upon submitting their name, the server writes that name data into a cookie. The page is then redirected to the root/home page, at which point the user will see their inputted name on the screen since the server will have handed back the name data in the process. Additionally, users are able to click through a variety of flashcards (randomized through an array), reveal hidden hints, and flip the flashcards over to reveal the answers.
- Individual/Student needs an application to study questions and answers
- Business needs the functionality to easily teach its employees on various topics (e.g., rules, policies, behavioral questions)
- Clone the repo:
https://github.com/droman892/express-flashcards.git
After the project files are downloaded, in the terminal, run npm install
to install the dependencies, followed by node app.js
to start the application (may want to install nodemon). Once the project has loaded on to the browser, feel free to edit it as you see fit using ./public/stylesheets/style.css
and the component files in ./views
.
This Express flashcards application is an on-going project, open to contributions and critique. Functionality that would appropriately flesh out the application include the following:
- storing flashcard data in an external database like MongoDB / SQL Server
- include media queries for added responsiveness
- incorporate a variety of flashcards for different topics
See a bug or an issue with this project? Open a new issue here on GitHub.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
This Express flashcards application is maintained by David Roman. Source code is maintained by Treehouse