Skip to content

Vishalk91-4/E-Cell.TechTeam

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ E-Cell.TechTeam

Creating Tech Team Expansion Form

Tech Team Expansion - K Vishal



✨ Tech Team Expansion Form

From this form, several features and functionalities have been developed:


1. React Hook Form: The form has been built using React Hook Form, which is a popular library for managing form state and validation in React applications. It provides an intuitive API for handling form inputs and submitting data.


2. Firebase Integration: The form has been integrated with Firebase, a platform that offers various cloud-based services. This integration allows the form data to be stored and managed in real-time within a Firebase database, enabling efficient data storage and retrieval.


3. Glassmorphism Design: The user interface of the form has been enhanced using the glassmorphism design trend. This design style creates a modern and visually appealing interface by applying translucent and blurred glass-like elements, giving a sense of depth and elegance to the form.


4. EmailJS Integration: EmailJS has been implemented to enable users to receive their form responses via email. By checking a checkbox in the form, users can opt-in to receive their submitted data directly in their email inbox. EmailJS simplifies the process of sending emails using JavaScript and provides a convenient solution for form response delivery.

website preview

Back to Top

✨ Technological Stack used:

  1. Node JS
  2. React Framework
  3. Javascript
  4. Firebase
  5. HTML
  6. SCSS
  7. Git & GitHub

✨ How to use?

Install the dependencies

npm install
npx create-react-app techform
npm i --save dev saas firebase
npm i saas --save dev 

Run server

npm run start

Visit http://localhost:3000 in your browser.


Back to Top

✨ Admin


github linkedin

Back to Top

✨ License

The project is licensed under the MIT License.