Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hari7261/devshowcase
DevShowcase π is a modern, responsive web portfolio π showcasing my personal projects, built with HTML, CSS, Bootstrap, and JavaScript π». With eye-catching animations β¨ and a futuristic UI, it provides an immersive user experience π¨
https://github.com/hari7261/devshowcase
bootstrap css devshowcse hari7261 html js project web3forms
Last synced: 3 days ago
JSON representation
DevShowcase π is a modern, responsive web portfolio π showcasing my personal projects, built with HTML, CSS, Bootstrap, and JavaScript π». With eye-catching animations β¨ and a futuristic UI, it provides an immersive user experience π¨
- Host: GitHub
- URL: https://github.com/hari7261/devshowcase
- Owner: hari7261
- Created: 2024-10-23T16:40:16.000Z (22 days ago)
- Default Branch: main
- Last Pushed: 2024-10-23T17:04:20.000Z (22 days ago)
- Last Synced: 2024-10-24T00:13:05.518Z (22 days ago)
- Topics: bootstrap, css, devshowcse, hari7261, html, js, project, web3forms
- Language: HTML
- Homepage: https://devshowcase-three.vercel.app/
- Size: 15.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# π **DevShowcase** - My Workπ
Welcome to **DevShowcase**! This is my futuristic and sleek web portfolio where I showcase my personal projects and achievements. Built with modern web technologies, DevShowcase is designed to be visually appealing, highly responsive, and animated to deliver a stunning user experience.
Explore the different sections and connect with me through the sleek contact form, powered by **Web3Form API**. Keep scrolling to discover the details about this project and what makes it stand out!
---
## β¨ **Features & Technologies** π οΈ
| π‘ Feature | π§ Technology |
|------------------------------------|-------------------------------------|
| π **Modern UI/UX Design** | HTML, CSS, Bootstrap |
| π¨ **Eye-catching Animations** | JavaScript (Animations, Interactivity) |
| π» **Projects Showcase** | Fully Responsive Layout |
| π§ **Contact Form Integration** | Web3Form API |
| π₯ **Futuristic Theme** | Custom CSS Styling |
| π **Responsive Design** | Bootstrap Grid System |---
## πΌοΈ **Screenshots & Demos**
![Hero Section](https://github.com/hari7261/DevShowcase/blob/main/images/project/Screenshot%202024-10-23%20222312.png)
![Project Section](https://github.com/hari7261/DevShowcase/blob/main/images/project/Screenshot%202024-10-23%20222330.png)
*The sleek and futuristic Hero section | Projects*---
## π **Sections Breakdown**
| πΌοΈ **Section** | β¨ **Description** |
|-------------------------|---------------------------------------------------------------------|
| π¦ΈββοΈ **Hero Section** | The landing view with an eye-catching title and animated elements |
| π¨βπ» **About Me** | A brief overview of my skills, passions, and journey in web development |
| π» **Projects** | A portfolio of my latest and greatest projects, fully responsive |
| π¬ **Contact Form** | A simple, yet powerful form connected via Web3Form API to reach out |---
## β‘ **How to Run This Project**
1. Clone the repository:
```bash
git clone https://github.com/username/DevShowcase.git
```
2. Open the project directory and launch `index.html` in your browser.3. Explore the different sections to view my personal projects and animations!
---
## π οΈ **Tech Stack**
| π **Technology** | β¨ **Purpose** |
|-----------------------|--------------------------------------------------------|
| **HTML5** | Structure and Layout |
| **CSS3** | Styling and Animations |
| **JavaScript** | Interactivity and Custom Animations |
| **Bootstrap** | Grid Layout and Responsiveness |
| **Web3Form API** | Contact Form Submissions |---
## ποΈβπ¨οΈ **Visual Style & Animations**
- **Futuristic Theme**: Vibrant colors, modern typography, and clean layouts for a high-tech look.
- **Smooth Animations**: Various sections feature transitions and hover effects for enhanced user interaction.
- **Fully Responsive**: Works seamlessly across all devices, from desktops to mobile phones.---
## π¬ **Contact Me**
Have a question or want to work together? Feel free to drop a message using the **Contact Form** in the app or connect via my social media:
| πΌ **Platform** | π± **Link** |
|------------------|--------------------------------|
| π¦ **Twitter** | [TwitterHandle](https://twitter.com/Hari_Om_Pandit) |
| π» **LinkedIn** | [LinkedInProfile](https://linkedin.com/) |
| π **Website** | [Website](https://www.hariompandit.me/home) |---
## π **Final Thoughts**
Thank you for checking out **DevShowcase**! This project is constantly evolving, so stay tuned for more exciting features. Feedback is always welcome! ππ
---
π» Made with β€οΈ by **[Hariom]**