About • Utilized Technologies • Funcionalities • How to Run • Future Improvements • Author • Licence

This is a project developed during Alura's event called React Immersion V2 - Next.JS, with the goal of creating a web application with React and Next.JS in 5 lessons.

The initial application was a quiz model with a "database" simulated by a file (db.js - located at the project root). This data modeling was used to make it possible to integrate the developed project with other immersion students' databases, exposing the database publicly through Next.JS's Lambda Functions.

This project is linked to quizzes from the students Marcelo Kopmann, Arthur Fuscella Silva e Jéssica Menezes. Also, although not linked inside the application, Bruno Saibert 's project is excellent and inspired me in some of my features.

To develop this project React.JS, Next.JS and Styled Components were used.

The initial project contained only two random sample questions. It was modified and personalized based on the author's dream of living and working in Sweden, and aims to test your knowledge about some curiosities from this amazing country 🥰

• React + Next.JS
• Styled Components
• Framer Motion
• React Icons

• Markdown Editor (developed by Bruno Saibert, another immersion student. Quite an interesting project!)

• Vercel

An API is simulated with the db.json file and, using Next.JS's Lambda Functions, it is exposed so other students can access it.

The user must inform its name on the home screen in order to play the quiz. They can also access other students quizzes in the Section "Other Alura Students' Quizzes".

When entering a quiz, after answering a question, the system informs whether the user answered the current question correctly or not and moves on to the next question.

When the quiz is over, a message with the number of correct and wrong questions is presented to the user.

Before starting, you will need to have Git and Node.JS installed in your computer. In adition to these tools, a code editor is needed to work with the code, for example VSCode.

#1 - Clone repository
$ git clone [email protected]:rmoreno-w/sweden-quiz.git

#2 - Access the project folder in the terminal
$ cd sweden-quiz

#3 - Install the dependencies to run the project. Type this in the terminal:
$ npm install

#4 Now you can run the application! Again, type in the terminal:
$ npm run dev

#5 Finally, you can acces the application on your browser using the address:
$ http://localhost:3000

• Personalized message based on the number of correct questions
• TypeScript implementation
• 404 Error personalized page
• Internationalized project (English, Portuguese, Swedish)
• Automated Tests

_{Rodrigo Oliveira Moreno}

Made with 💙 by Rodrigo Oliveira Moreno

👋😊 Get in Contact!

This project is under MIT Licence.