Project Portfolio

[yogeshtakeo]

Student Portfolio Showcase Task

Task Description: You are tasked with creating a portfolio website for showcasing a student's completed projects. The portfolio should be built using React for the frontend, Redux for state management, and a UI library of your choice for designing the user interface. The goal is to create an attractive and functional portfolio that effectively displays the student's projects.

Requirements:

Frontend (React):

• Use React for building the user interface and Redux for state management.
• Choose a suitable UI library (e.g., Material-UI, Ant Design, Chakra UI) to enhance the design and user experience.

1. Home Page:

   • Create a home page that introduces the student and provides a brief overview of their skills and interests.( Basic)
   • Include a navigation bar to access different sections of the portfolio. (react-router-dom)

2. Projects Showcase:

   • Implement a section to display a grid or list of projects. (flex-box CSS or Grid CSS)
   • Each project should have a title, description, image, and a link to view more details. (Components)
   • Use Redux to manage the project data and state.(optional Redux)

3. Project Details:

   • Implement a detailed view for each project.( Basic )
   • Display project details such as a longer description, technologies used, and any other relevant information. (Basic)
   • Provide links to the project's live demo and GitHub repository. ( Basic )

4. Contact Information:

   • Create a contact section that includes the student's email address, LinkedIn profile, GitHub profile, etc. ( Basic )

Additional Considerations:

1. UI Design:(Optional)

   • Utilize the chosen UI library's components for consistent and visually appealing design.
   • Focus on creating a clean and modern design that enhances the portfolio's presentation.

2. State Management (Redux Optional):

   • Implement Redux to manage the state related to projects and any global state requirements.

3. Responsive Design: ( required)

   • Ensure that the portfolio is responsive and works well on different screen sizes and devices.

4. Navigation: ( required)

   • Implement smooth navigation between different sections of the portfolio.

Submission: Provide the source code for the React application along with detailed instructions to set up and run the application locally.

Evaluation Criteria: Your submission will be evaluated based on the functionality, code quality, user experience, design aesthetics, and adherence to the provided requirements. Aim to create an engaging and professional student portfolio showcase that effectively highlights the completed projects.

Note:

The contents for the Redux part will be optional. Take this project as a future based project that will help you adapt in the future learning as well

[yogeshtakeo]

Initation Part:

• [ ] Create a vite application
• [ ] Research on what are you going to do on the project
• [ ] What materials are we going to use
• [ ] What will be the structure of the website

[yogeshtakeo]

Intiation Yogesh:

Create a Vite Application:

• Create a project on github using vite application https://github.com/yogeshtakeo/BFS_51/tree/portfolio-project

Research on What are you going to do on the project

• I am going to create a components based on the project needs; I will have a Hero component that will display a the banner for my introduction
• I am going to implement CSS as my main styling attribute.
• I am going to finish this project by wednesday this week

Materials Github , React , CSS, JSX

Structure of the website

[manojsingh49]

Initiation Manoj:

I have created a Vite Application:

I have created a project on github using vite application : https://github.com/manojsingh49/persnalporfolio

Regarding the project, my plans are as follows:

I will create components tailored to the project's requirements. One of these components will be a Hero component designed to showcase a banner for my introduction. My primary approach for styling the project will be utilizing CSS. My aim is to complete this project by Wednesday of the current week.

[yogeshtakeo]

Initiation Manoj:

I have created a Vite Application:

I have created a project on github using vite application : https://github.com/manojsingh49/persnalporfolio

Define this more thoroughly just like https://github.com/yogeshtakeo/BFS_51/issues/6#issuecomment-2120992102

[samsub1111]

Intiation Subarna:

1. Create a Vite Application:

2. Create a project on github using vite application https://github.com/samsub1111/samsub1111.git

3. Research on objective of the project

• I am going to create a components based on the project needs; I will have a Hero component that will display a the banner for my introduction
• I am going to implement CSS as my main styling attribute.
• I am going to finish this project by wednesday this week
• Materials
• Github , React , CSS, JSX

Structure of the website

https://github.com/samsub1111/samsub1111.git

[Dinishan1997]

[yogeshtakeo]

Portfolio

Netlify : https://yogesh-bhattarai-portfolio.netlify.app

Decription

Tech Stacks

1. HTML
2. CSS
3. JSX
4. React
5. Flexbox

Screenshots

[AnanMoktan]

Portfolio

firebase: https://fir-react-7e82c.firebaseapp.com/

Description

TechStacks

1>React Js 2>MaterialUI 3>FIrebase(for hosting) 4>Firestore(for database to store contact information) 5>CSS3 6>Visual Studio Code 7>VCS (Git) and GitHub 8>Windows

Screenshots

[cbohra]

https://6650ea077d75f70008863372--deft-duckanoo-4675c9.netlify.app/