/MyNetDiary-Clone

This project is about building clone of MyNetDiary - a calorie counter and diet assistant app with beautiful UI & including a lot of functionalities

Primary LanguageJavaScript

MyNetDiary-Clone

It's an MyNetDiary clone web application with many functionalities and responsive UI.


🖥️ Tech Stack

68747470733a2f2f696d672e736869656c64732e696f2f62616467652f52656163742d3230323332413f7374796c653d666f722d7468652d6261646765266c6f676f3d7265616374266c6f676f436f6c6f723d363144414642 68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4368616b726125323055492d3362633762643f7374796c653d666f722d7468652d6261646765266c6f676f3d6368616b72617569266c6f676f436f6c6f723d7768697465 68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4a6176615363726970742d3332333333303f7374796c653d666f722d7468652d6261646765266c6f676f3d6a617661736372697074266c6f676f436f6c6f723d463744463145 JSON -Server-orange


Want to see preview »

1 2



🚀 Pages & features ( All pages are responsive )

  • Homepage / Landing Page with interactive UI
  • weightplan page with dynamic weight progress
  • About page with calory progress
  • Registration page with validations
  • Login Page with authentication
  • helping toast for good user experience
  • Dashboard

Glimpses on MyNetDiaryApp-Clone :

Screenshot (1293) Screenshot (1298) Screenshot (1299) Screenshot (1300) Screenshot (1301)


Screenshot (1284) Screenshot (1285) Screenshot (1287) Screenshot (1288) Screenshot (1302)


Screenshot (1289)




Getting Started

This project was built using React, Chakra UI, HTML, CSS, JavaScript, JSON server. for running on your local environment you should follow these guidelines.


Prerequisites

  • NPM
  • Node JS
  • POSTMAN (if required for api testing)

Setup

The project repository can be found in GitHub link or just clone the project using this command.


Using HTTPS

### git clone https://github.com/DhananjayKandalkar/MyNetDiary-Clone.git 

  • Open terminal on your workspace with
cd my-client

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To install all the dependences of the project, run the following command:

cd my-client

npm install

To run the application got to the client folder and run the following command:

npm start

and 

to run json server locally

npm run server


Tools used on this project

  • Visual Studio Code IDE
  • Create react app template
  • JSON-server npm package
  • chakra UI liabrary
  • other parallel react liabraries

Contact

Dhananjay Kandalkar

Dhananjay Kandalkar Linkdin Dhananjay Kandalkar Gmail Dhananjay Kandalkar Website Dhananjay Kandalkar Tweeter




Thank you for visiting project 🙏