Anujith Beerakayala

Surveasy

Surveasy is a survey builder inspired by Google Forms. This was my first full stack project.

Surveasy Mockup

Project Overview

This project was my foray into full stack development. For this project I decided to use MERN stack as there are plenty of tutorials online and a vibrant coding community. As I already knew ReactJS, my focus was on the backend as I had never written any APIs before.

Some of the technologies that I used for the backend are:

  • JWT and Cookies for user authentication.
  • CORS to enable the CORS header in all the apis.
  • Winston logging for a complete logging solution.
  • Mongoose to build MongoDB queries.
  • Setting up a custom webpack configuration for the backend code.

For the frontend I used:

  • Chakra UI to build a simple and beautiful user interface.
  • react-chartjs-2 to build graphs and charts.
  • react-beautiful-dnd for a seamless drag and drop experience.
  • Redux for global state management and react-hook-form for form state management.

If you would like to read more about Surveasy, you can check out the README file by clicking on the repository link below.

Tools Used

HTML
CSS
JavaScript
React
Redux
Chakra UI
Node.js
Express
MongoDB
Mongoose
Webpack