vickttor / school_enrollment_ui

This repository keeps the CRUD React Application that comunicates with a RestfulAPI built in Node. The Code are using TypeScript Next, Axios, Styled-Components and Framer-motion

Home Page:https://school-enrollment-ui.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

School Enrollments

Hi, in this repository you will find the source code of a project built with NextJS and another technologies. All the Project was pre-planned before to code. I've created the DFD (Data Flow Diagram); Requeriments Analysis; sketches on Figma and Mockflow to create the WireFrame among other things. To find all informations click here. The application is a webpage to manipulate school informations such as student and teacher enrollments. The application allow us to create, update read and delete data using an API built from zero with NODE and Typescript.

Status

🚀 ...finished... 🚀

Requirements and How to use

To run this application locally you just need to install node in your computer. By doing that npm (node package manager) will be installed too. So know you can start the application by running:

# Install all dependencies
npm install

# Start the application
npm run dev

If you prefer you can run by using yarn instead:

# Install yarn in computer globally
npm install yarn --global

# Install all dependencies with yarn
yarn


# Start the application with yarn
yarn dev

Preview

preview pages

preview pages

preview pages

preview pages

Techonologies

  • NextJS (React) - To use JSX syntax and build SPA Website
  • typescript - To apply types to our variables
  • Framer Motion - To apply animations on components
  • Styled-Components - To build the css styled components
  • Axios To handle CRUD actions which communicates with the restfull_ax4b API
  • google fonts - DM Sans fonts to our text
  • commitlint - To verify the structures of commits prior to push them
  • commitizen - To give us a CLI to build our commits in commitlint pattern
  • husky - To execute functions hooks prior git commands

EDITOR


💪 How to contribute to the project

  1. Fork the project.

  2. Create a new branch with your changes: git checkout -b my-feature

  3. Save the changes and create a commit message telling what you did: git commit -m "feature: My new feature"

  4. Push your changes: git push origin my-feature

If you have any questions, check out this guide on how to contribute on GitHub

Author

Victor

Victor Hugo 🚀

📝 Licença

This project is under MIT license MIT.

Made with dedication by VictorSilva15


About

This repository keeps the CRUD React Application that comunicates with a RestfulAPI built in Node. The Code are using TypeScript Next, Axios, Styled-Components and Framer-motion

https://school-enrollment-ui.vercel.app

License:MIT License


Languages

Language:TypeScript 99.4%Language:JavaScript 0.4%Language:Shell 0.2%