Giter Site home page Giter Site logo

innocvproject's Introduction

Daniel González - Innocv

This project its a MERN SPA as a technical interview for Innocv.

The main function is create, see, update and delete users. (AKA CRUD)

Back End 🗂

I used Node.js, built with Express and MongoDB as database.

I made a seed to populate the DB with users. Just write "node bin/seeds.js".

Endpoints

  • GET ALL: Get all users from database
  • GET: Specify and user id to get a user
  • CREATE: Create a new user
  • UPDATE: Update an existing user
  • REMOVE: Remove an existing user

I added authentication with Passport, so the user model has "username" and "password" too.

Don't forget to add a .env file with these params:

Front End 🖥️

Here in the Front I've used React.js and Sass.

All made in a SPA no refresh needed and it's responsive! ;D I've used Bootstrap for a couple buttons.

Endpoints

  • "/" To get all users
  • "/users/:id" Get user profile
  • "/new" Create new users
  • "/login" Login page
  • "/signup" Signup page
  • "/????" A 404 error page
  • "/secret" Top secret panel 👀

It has two languages! (ENG🇬🇧 ESP🇪🇸)

Don't forget to add a .env file with these params:

Now the bad news :(

I couldn't do the date form validation and couldn't do unit testing for components... Seriously, I don't know how to do them. I really don't know what to test in the components.

Conclusion

I had a lot of fun doing this mini-project. I've consolidated things that were a little confusing for me. I did new things also. It would be incredible if someone could explain or show me the things that I did bad and the things that I haven't done.

Cheers!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.