Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/madhurimarawat/madhurima-devfolio

This repository contains my devfolio, showcasing my skills, projects, and achievements. Built with HTML, CSS, and Streamlit for a professional and interactive experience.
https://github.com/madhurimarawat/madhurima-devfolio

achievements css deployment devfolio digital-resume experience font-awesome hobbies html interactive links portfolio-website profiles projects python resume sidebar skills streamlit-webapp user-friendly

Last synced: about 14 hours ago
JSON representation

This repository contains my devfolio, showcasing my skills, projects, and achievements. Built with HTML, CSS, and Streamlit for a professional and interactive experience.

Awesome Lists containing this project

README

        

# Madhurima-Devfolio
This repository contains my devfolio, showcasing my skills, projects, and achievements. Built with HTML, CSS, and Streamlit for a professional and interactive experience.

Website Design

![Screenshot 2024-07-14 195350](https://github.com/user-attachments/assets/47f1f1f2-4347-4dc5-a2b3-f3bc088ab9aa)



![Screenshot 2024-07-14 195301](https://github.com/user-attachments/assets/9133ca11-e28e-4690-befb-a5cc84e1a369)



![Screenshot 2024-07-14 195323](https://github.com/user-attachments/assets/0cc5d2ed-e02d-457c-9889-d4272c329247)



![Screenshot 2024-07-14 195420](https://github.com/user-attachments/assets/d21472ff-d2a1-420d-9ae3-f2f122b7f723)

## Technology Used 💻

### 🛠  Languages and Tools :


CSS  
HTML  
JavaScript   
Bootstrap 

## Description

- This devfolio showcases a creative blend of emojis to enhance visual appeal and expressiveness.
- Showcases my skills, projects, and achievements.
- Built with HTML, CSS, and Streamlit for an interactive experience.
- Creative use of emojis to enhance visual appeal.
- Harmonious blend of professional colors for an attractive look.

---

## Mode of Execution Used Streamlit

## Streamlit Server

- Streamlit is a python framework through which we can deploy any machine learning model and any python project with ease and without worrying about the frontend.

- Streamlit is very user-friendly.

- Streamlit has pre defined functions for all frontend components and we can directly use them.

- To install streamlit in your system, just run this command-

```
pip install streamlit
```

## Running Project in Streamlit Server

Make Sure all dependencies are already satisfied before running the app.

1. We can Directly run streamlit app with the following command-

```
streamlit run app.py
```
where app.py is the name of file containing streamlit code.

By default, streamlit will run on port 8501.

Also we can execute multiple files simultaneously and it will be executed in next ports like 8502 and so on.

2. Navigate to URL http://localhost:8501

You should be able to view the homepage of your app.

🌟 Project and Models will change but this process will remain the same for all Streamlit projects.

## Deploying using Streamlit

1. Visit the official website of streamlit : Streamlit


2. Now make an account with GitHub.


3. Now add all the code in Github repository.


4. Go to streamlit and there is an option for new deployment.


5. Type your Github repository name and specify the file name. If you name your file as streamlit_app it will directly access it else you have to specify the path.


6. Now also make sure you upload all your libraries and requirement name in a requirement.txt file.


7. Version can also be mentioned like this python==3.9.


8. When we mention version in the requirement file streamlit install all dependencies from there.


9. If everything went well our app will be deployed on web and you can share the link and access the app from all browsers.

---

## Website Link

I have hosted this Website at Madhurima-Devfolio. Click on the Link to have a look at my Website.

---

## Thanks for Visiting 😄

- Drop a 🌟 if you find this repository useful.


- If you have any doubts or suggestions, feel free to reach me.


📫 How to reach me:   [![Linkedin Badge](https://img.shields.io/badge/-madhurima-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/madhurima-rawat/)    
Mail Illustration📫


- **Contribute and Discuss:** Feel free to open issues 🐛, submit pull requests 🛠️, or start discussions 💬 to help improve this repository!