Git Product home page Git Product logo

shanthi1710 / college-project Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 505 KB

This is a web application built with React and Javascript to ease and organize the process of placement drives for students of walchand institute of technology solapur. The build tool used is Vite. AntDesign and TailwindCSS are used for the component library and styling, respectively. The server is built using Node.js.

Home Page: https://wit-college.netlify.app/

HTML 0.22% JavaScript 99.14% CSS 0.63%
bcryptjs context-api expressjs firebase-auth flowbite jwt mongodb node-js reactjs redux socket-io tailwindcss

college-project's Introduction

WIT Placement Management Web Application

Introduction

This is a web application built with React and Javascript to ease and organize the process of placement drives for students of walchand institute of technology solapur. The build tool used is Vite. AntDesign and TailwindCSS are used for the component library and styling, respectively. The server is built using Node.js. This repository contains the source code for the app.

Prerequisites

Before running this project, make sure you have the following software installed on your system:

  • Node.js (v18.14.2 or higher)
  • pnpm (v8.2.0 or higher)

Installation

NB: All the mentioned steps must be done within the main branch only. To get started with the app, you will need to clone this repository and install the dependencies. You can do this by running the following commands in your terminal:

git clone https://github.com/shanthi1710/college-project
cd college-project

In the client directory, install client dependencies,

pnpm install

In the server directory, install server dependencies,

pnpm install

Setting Environment Variables

In client directory, create a file .env.local

From your Firebase console, create a new project and add Firebase to your webapp in the project settings. Collect your web app's Firebase configuration and add the following in the file.

VITE_APIKEY=*******************
VITE_AUTHDOMAIN=***************
VITE_PROJECTID=****************
VITE_STORAGEBUCKET=************
VITE_MESSAGINGSENDERID=********
VITE_APPID=********************
VITE_SERVER_DOMAIN=http://localhost:5173

In server directory, create a file .env

Make sure you signup for a Cloudinary account and Mongodb Atlas. Collect the secret keys and urls, and add the following in the file.

MONGODB_URL=*******************
CLOUDINARY_CLOUD_NAME=*********
CLOUDINARY_API_KEY=************
CLOUDINARY_API_SECRET=*********
JWT_SECRET=********************
CLIENT_DOMAIN=http://localhost:5173

JWT_SECRET can be given as a random string of any length. e.g., JWT_SECRET="vhjsjgdkajbdfsjhfgbdajkfbgadjkfg"

Usage

Once you have installed the dependencies and set the environment variables, you can run the server by running the following command from the server directory:

pnpm dev

You can then run the client by running the following command from the client directory:

pnpm run dev

This will start the client and open the app in your default browser. This may take 2-3 minutes.

NB: Make sure the server runs in PORT: 3000 and client runs in http://localhost:5173 to avoid any CORS errors

college-project's People

Contributors

shanthi1710 avatar shathi1710 avatar

Stargazers

 avatar

Watchers

 avatar

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.