Image uploader frontend

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

• Here is the live website : https://imguploader.netlify.app/
• This app allow you to upload picture and extract a image link you can use
• why building the app, i tried create-react-app. it became so slow. this made switch to using Vite. due to the fact it was Faster
• while creating the app. I wanted to use best practices. so i studied different way of creating react component. i discover creating functional component was the best option.
• This creation of this app made me understand best practise for react folder structure.
• i also made research on the need for using arrow runction when creating react component. what i discover made me limit the use of arrow function.
• My understanding of props and state management were solidified after building this app
• i was able to understand firebase usage
• The app is still in progress but this should show you my of understanding of react

Built With

• React
• Vite
• Sass
• Firebase

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/pauxiel/image-uploader.git

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Acknowledgements

• Tao of React - Software Design, Architecture & Best Practices
• Image Uploader Project

Contact

• GitHub @Pauxiel
• Twitter @obayuwanapaul