https://github.com/abhich21/simplifi

A basic login template app for any website including frontend and backend.
https://github.com/abhich21/simplifi

axios cors expressjs mongoose nodejs notistack react-router-dom reactjs styled-components

Last synced: 15 days ago
JSON representation

A basic login template app for any website including frontend and backend.

• Host: GitHub
• URL: https://github.com/abhich21/simplifi
• Owner: abhich21
• Created: 2024-08-14T12:17:05.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-21T13:17:46.000Z (3 months ago)
• Last Synced: 2024-10-10T17:22:49.202Z (about 1 month ago)
• Topics: axios, cors, expressjs, mongoose, nodejs, notistack, react-router-dom, reactjs, styled-components
• Language: JavaScript
• Homepage: https://infollion2.netlify.app/
• Size: 18.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simplifii SignUp Application

A basic full-stack SignUp application built with NodeJs for the backend and React for the frontend.

## Description

This project implements signup operations with validations for any webstite you can assume. The backend is developed using NodeJs, providing RESTful APIs, while the frontend is built with React for a modern and responsive user interface.

## Features

- Signup for users.

- Backend built with NodeJs, providing robust APIs for data.

- Frontend built with React and utilizes React Router DOM for navigation.

- Styled-components used for styling and UI components.

- Axios for making HTTP requests between the frontend and backend.

## Technologies Used

- **Backend:**

  - NodeJs

  - ExpressJs

  - mongoose(MongoDb)

  - cors

  - dotenv

- **Frontend:**

  - React

  - React Router DOM

  - Axios

  - Styled-components

  - notistack

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/abhich21/simplifi.git

2. Navigate to the backend directory, install, and start the NodeJs application.

    ```bash

    cd server

    npm install

    npm start

3. Navigate to the frontend directory, and install and run the React applications. 

    ```bash

    cd client

    npm install

    npm start

### 1. Landing page

![landing](https://github.com/abhich21/simplifi/blob/main/screenshots/Screenshot%20(6).png)

### 2. Error When Using Same Email or Mobile

![error](https://github.com/abhich21/simplifi/blob/main/screenshots/Screenshot%20(10).png)

### 3. Welcome Page

![welcome](https://github.com/abhich21/simplifi/blob/main/screenshots/Screenshot%20(9).png)