SUMI.T. is a portfolio website designed to be a comprehensive destination where users can view projects, achievements, and learn about the creator in one place. The application is built using modern web technologies to ensure a fast, responsive, and visually appealing user experience.
The primary purpose of SUMI.T. is to showcase the creator's work and achievements in an organized and accessible manner. Visitors can explore various sections of the site to get a complete picture of the creator's skills and experiences.
Try the live app at Live Demo.
- ReactJS: Chosen for its speed and efficiency, ReactJS uses a virtual DOM to minimize updates and enhance performance.
- Vite: Preferred over "Create React App" for its faster local development server and quicker server loading times.
- Tailwind CSS: Utilized for its utility-first approach, Tailwind CSS allows for rapid development with its shorthand CSS classes directly in HTML elements.
- Framer Motion: This animation library for ReactJS is used to create subtle and engaging animations throughout the portfolio.
- Web3Forms: A freemium contact form API that enables form submissions to be sent directly to an email without a backend. It is fast, efficient, and well-documented for easy integration.
-
Fork the Repository Click on the fork button on the upper right hand side of the repo.
-
Clone the Repository
git clone <repository_url> cd <repository_folder>```
-
Generate a Unique Key Visit Web3Forms.com and generate a unique key by entering your email ID. The unique key will be sent to your email.
-
Create a .env File In the root directory of the project, create a .env file and add your unique key as follows:
VITE_APP_PUBLIC_KEY=<unique key>
-
Install Dependencies
npm install
-
Start the Development Server
npm run dev
SUMI.T. is built with a combination of cutting-edge technologies to ensure a seamless and efficient portfolio experience. Whether you are looking to showcase your own work or simply explore the capabilities of these tools, SUMI.T. serves as an excellent example of a modern, responsive web application.