Link-pre-viewer is a MERN stack project to preview the details about the given llink. A website where the user can enter the link and get back all the metadata eg: Title, Thumbnail/Favicon, Description, and the URL attached to a well-designed User Interface. This is the Front-End Repository.
Backend Repository Link-Previewer API
CSS3
Javascript
React
- Fork the repo to your account.
- Clone the repo to your local computer
git clone <fork url>
- Make sure Node js is installed on your machine.
- cd into the project directory and run
npm install
- Now run
npm start
- Open http://localhost:3000 on a browser.
├── src/
├── Components/ All the components and their styling
├── app.js/ Code for the Home page
-
This project uses the
Link-Previewer API
to get all the data. You can find more about it at Link-Previewer API -
To get started with
React JS
or brush up your skills, check out the official React JS Documentation.