Lisa's Portfolio

The idea behind this project was to create a showcase of all my big projects during my study at Tafe QLD. This is a Single Page Application and is built with React and React-bootstrap.

Features

• responsive design, display well on mobiles, tablets, laptops and desktops
• form data will be validated on submit
• use emailjs to send contact message

(back to top)

Build With

• React
• React-bootstrap
• react-hook-form
• react-animated-css
• Sass
• Emailjs

(back to top)

Try it

You can find the demo here

(back to top)

How to run the app

1. Either clone or download the app and open the folder in the CLI

   git clone https://github.com/2016lisali/lisali.git

2. Install all dependencies

   npm install

3. Sing in to https://www.emailjs.com/, get your service_id, template_id and public_key.

4. Create a .env file and enter following fields

    PORT = YOUR PORT NUMBER
    REACT_APP_SERVICE_ID = YOUR SERVICE ID
    REACT_APP_TEMPLATE_ID = YOUR_TEMPLATE_ID
    REACT_APP_PUBLIC_KEY = PUBLIC_KEY

5. Cd to client folder in terminal and start client server

   npm start

The webpage will be served at http://localhost:YOUR_PORT_NUMBER

(back to top)

Roadmap

• Add 'Contact me' section
• Add back to top buttons
• Add contact list as the sidebar
• Add more projects

(back to top)