Code Monkey home page Code Monkey logo

animal-adoption-admin's Introduction

Animal Adoption Website Admin Page using React + Vite

animal-admin

Features

  • Login
  • Dashboard
  • Users Management (CRUD)
  • Animals Data Management(CRUD)
  • Inquiries
  • See Messeges

Dashboard UI

dashboard

Inquiries UI

inquiries inquriesmessege

Users UI

users

Animals UI

animalsAdmin

HOW TO SETUP THE PROJECT

Requirements

  • NodeJS
  • MongoDB

Set up and test run the server in your local device.

  1. Download the project

    Open a terminal and cd to the directory where you want to clone the project repository, then copy-paste the commands below in the terminal command line.

    git clone https://github.com/NelTeano/Animal-Adoption-Admin.git
    npm install
    cd server
    npm install
  2. Create .env file

Set up the environmental variables for the use of other packages especially the database it requires DATABASE_URL Create a file called .env in the server folder.

  1. Paste this values inside .env in main file :

    VITE_DATABASE_URI="<DATABASE CONNECTION URL(gets in MongoDB)>"
  2. Run the application

    1. Open two terminal command lines.
    2. Open the project's root directory for each terminal.
    3. In the first terminal enter the command npm run dev.
    4. In the second terminal enter the command cd server && npm run server.
    5. Wait for both terminals to finish setting up.
  3. Access the application

    Open the address localhost:5174 on a browser

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

animal-adoption-admin's People

Contributors

nelteano avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

olivianik

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.