Portfolio - Lucas Erkana 🤘

📗 Table of Contents

• 📗 Table of Contents
• Portfolio - Lucas Erkana 🤘
  • Live Demo
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
  • To get a local copy up and running, follow these steps.
    • Prerequisites
    • Setup
    • Install
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 🙏 FAQ
  • 📝 License

Portfolio - Lucas Erkana 🤘

This Personal Portfolio showcases my skills and experience using React JS, HTML, and CSS. It includes projects I have worked on, my education, and relevant work experience. It provides a dynamic and engaging user experience for potential employers and clients.

App Screenshot

Live Demo

To see this project's live demo, please click here.

🛠 Built With

This app is built with React and Redux.

Tech Stack

Key Features

• Landing page.
• About page.
• Portfolio page to showcase projects.
• Tech page showcasing my skills.
• Feedback page showcasing my recommendations.
• Contact page.(Use the contact form to send a message that will go directly to my inbox)

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Mac or PC
• Use npm as package manager
• Understanding of React
• A web browser like Google Chrome.
• A code editor like Visual Studio Code with Git and Node.js.

Setup

• Clone this repository to your desired folder:

 git clone https://github.com/Lucask-Erkana/Portfolio.git

• Navigate into the cloned folder

 cd portfolio

Install

• Install this project with:

 npm install

• Start the server

 npm start

(back to top)

👥 Authors

👤 Lucas Erkana

• GitHub: @Lucask-Erkana
• Twitter: @Lucas_David_22
• LinkedIn: Lucas Erkana
• Frontend Mentor - @Lucask-Erkana

(back to top)

🔭 Future Features

• [ ] Add more projects
• [ ] Toggle between dark and light theme
• [ ] Some UX improvements: include transitions and/or animations, etc.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, please leave a ⭐️

(back to top)

🙏 Acknowledgments

• I would like to thank Microverse for providing the reading materials that aided us to during the project development.
• I would like to thank Kashif Saleem for helping me with the designing of this portfolio.
• I would like to thank web3forms for providing a secure and decentralized form builder that has made it easy to collect data from users of my React app. The service has been reliable and easy to use, and I have been very happy with the results. Thank you for your great work!
• I would like to thank cloudconvert for providing a reliable and easy-to-use online file converter that has helped me convert my logo from PNG to ICO.

(back to top)

❓ FAQ (OPTIONAL)

Add at least 2 questions new developers would ask when they decide to use your project.

• How can I deploy this Portfolio project to a web server and make it accessible to others?

  • To deploy the Portfolio project to a web server, you have several options. One common approach is to use a hosting service like GitHub Pages, Netlify, Vercel, or Firebase Hosting. These services provide easy-to-use deployment options for static websites like portfolios. Typically, you'll need to push your project to a Git repository (e.g., GitHub) and then configure the hosting service to deploy the site automatically whenever you push changes. Each hosting service has its own documentation and guides on how to set up the deployment for static sites.

• How can I customize the content and appearance of the Portfolio project to make it my own?

• Customizing the content and appearance of the Portfolio project involves modifying the existing code and adding your own content. Here are some steps you can take to customize the project:

• Change Content: Update the ContactInfo component in Contact.js to display your own name, location, and email address. Also, update the description and other relevant details in the PageHeader component to reflect your own profile.

• Add Projects: If you want to showcase your projects, you can create a new component to display project cards or images, and then add this component to the Home.js or Projects.js page. You can also update the navigation links in the Navbar.js component to link to the new page.

• Styling: To change the appearance, you can modify the CSS styles in the index.css file or create a separate CSS file and import it into the components where you need custom styling. You can update colors, fonts, spacing, and other visual elements to match your preferences.

• Adding Pages: If you want to add more pages (e.g., an About Me page or a Resume page), you can create new components for those pages and add them to the App.js file.

(back to top)

📝 License

This project is MIT licensed.

(back to top)