Giter Site home page Giter Site logo

vaishnavibn14 / tesla-nitp-web Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sudhansuuranjan/tesla-nitp-web

0.0 0.0 0.0 23.43 MB

Official Website of Tesla NIT, Patna

Home Page: https://tesla-nitp.vercel.app

JavaScript 88.17% CSS 0.12% HTML 1.06% SCSS 10.64%

tesla-nitp-web's Introduction

Tesla Club NIT, Patna ๐Ÿค–

Tesla Club is the official club of electrical engineering department of NIT, Patna, the premier club for Electrical Engineering enthusiasts and professionals! Founded in 2021 by a group of bright-minded seniors, under the guidance of our esteemed PI - Dr. Amitesh Sir, T.E.S.L.A. Club is dedicated to fostering public speaking, teamwork, technical excellence, and management skills among its members. Our primary aim is to provide a platform for seniors, juniors, and alumni to come together, learn, grow, and secure rewarding careers in the field of Electrical Engineering.

T.E.S.L.A. NITP Website

Official website of Tesla Club NIT Patna

plot

Project has following functionalities

  1. Creating a Component in React
  2. Making HTTP calls
  3. Communicating between parent and child component
  4. Using Basic Routing in React
  5. Using SCSS, CSS and Tailwind for Styling

Prerequisites ๐Ÿ‘จโ€๐Ÿ’ป

Install Node JS

Refer to https://nodejs.org/en/ to install nodejs

Install vite

Install Vite npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install vite

npm install -g vite

Learn Tailwind CSS

This project uses Tailwind CSS if you don't have any hands-on experience with tailwind css then you can refer to their docs.

Learn React JS

If you are new to React JS then you can refer to their docs.

Learn SCSS

If you are new to SCSS then you can refer to their docs.

Learn Appwrite

If you are new to Appwrite then you can refer to their docs.

Live WebSite URL

The WebSite is deployed in https://tesla-nitp.vercel.app/

Click on the link to see the website.

Cloning and Running the Application in local

Clone the project into local.

Install all the npm packages. Go into the root folder and type the following command to install all npm packages

npm install

Change the .env.example file to .env and add the required credentials. (You can get the credentials from the admin of the project or you can create your own project in appwrite and use the credentials)

VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_DATABASE_ID=
VITE_APPWRITE_BUCKET_ID=

In order to run the application Type the following command

npm run dev

The Application Runs on http://localhost:5173/

Contributions are welcome ๐ŸŽ‰๐ŸŽ‰

Ways to contribute:

  1. Solve the issues which are listed.
  2. Create your own issue and then send PR.

Please refer to the project's style and contribution guidelines for submitting patches and additions. In general, we follow the "fork-and-pull" Git workflow.

  1. Fork the repo on GitHub
  2. Clone the project to your own machine
  3. Commit changes to your own branch
  4. Push your work back up to your fork
  5. Submit a Pull request so that we can review your changes

๐Ÿš€ Please abide by Contributing Guidelines and Code of Conduct.

Contributors โœจ

Thanks goes to these wonderful people โค๏ธ:

tesla-nitp-web's People

Contributors

ajdinhusetovic avatar deflecting-torque avatar homelyseven250 avatar lipi105 avatar sakshi025 avatar shalinisharma91555 avatar sonuschauhan avatar sudhansuuranjan avatar suraj-markup avatar vermayugank avatar vnagothanekar-mdsol 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.