Giter Club home page Giter Club logo

taskmanager's Introduction

TaskManager

๐Ÿšฉ Table of Contents

Introduction

Welcome to the Task Manager app! This application is designed to help you organize and manage your tasks efficiently. The app is built using React Native [Expo] for the frontend and utilizes , zustand to manage the state at frontent , a Fastify backend server to handle data storage and retrieval with Prisma to handle the mysql database queries.

Installation

๐Ÿ”˜ Cloning repository

  1. On GitHub.com, navigate to the main page of the repository.
  2. Above the list of files, click Code.
  3. Copy the URL for the repository.
  4. Open Terminal.
  5. Change the current working directory to the location where you want the cloned directory.
  6. Type git clone, and then paste the URL you copied earlier.
git clone github.com/Faris-abukhader/taskManager

Press Enter to create your local clone

git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
> Cloning into `taskManager`...
> remote: Counting objects: 10, done.
> remote: Compressing objects: 100% (8/8), done.
> remove: Total 10 (delta 1), reused 10 (delta 1)
> Unpacking objects: 100% (10/10), done.

Development setup

To set up this project you need to download NodeJs in your machine or if you have it make sure you have the latest version of it.

๐Ÿ”˜ Checking up Node version

node -v

๐Ÿ”˜ Downloading Node

for Windows

Download the windows installer from NodeJs offical website make sure you have download the latest version of NodeJs.

for Mac

  • You can download NodeJs using brew CLI
brew install node


๐Ÿ”˜ Downloading Expo cli

To download and install the Expo CLI, you can follow these steps. Expo CLI is a command-line tool that helps you develop and manage Expo projects.

Steps:

  1. Open a Terminal or Command Prompt:

    • On macOS or Linux, you can use the Terminal.
    • On Windows, you can use the Command Prompt or PowerShell.
  2. Install Expo CLI globally:

    npm install -g expo-cli

    This command installs the Expo CLI globally on your machine.

  3. Verify Installation: To ensure that Expo CLI has been installed correctly, you can run the following command to display the version:

    expo --version

    You should see the version number of the Expo CLI.



๐Ÿ”˜ Install MySQL Server

Setting up a MySQL database involves several steps, including installing MySQL, creating a database, and configuring user access. Below are general instructions for setting up a MySQL database. Keep in mind that specific details might vary depending on your operating system.

  1. Windows:

    • Download the MySQL Installer from the official MySQL website: MySQL Installer.
    • Follow the installation wizard to install MySQL Server. During the installation, you will be prompted to set a root password.
  2. macOS:

    • You can use Homebrew to install MySQL on macOS. Open a Terminal and run the following commands:

      brew update
      brew install mysql
    • Follow any additional instructions provided by Homebrew.

  3. Linux (Ubuntu):

    • On Ubuntu, you can use the following commands:

      sudo apt-get update
      sudo apt-get install mysql-server
    • During the installation, you will be prompted to set a root password.

Start MySQL Server:

  • Windows:

    • Start the MySQL service using the "Services" application or run net start mysql in a Command Prompt.
  • macOS and Linux:

    • MySQL server should start automatically after installation. You can use the following command to start, stop, or restart the MySQL service:

      sudo service mysql start

Connect to MySQL Server using a GUI Tool:

You can use MySQL GUI tools like MySQL Workbench or DBeaver to interact with your MySQL database visually.

  1. Install a MySQL GUI tool of your choice.

  2. Connect to the MySQL server using the tool.

setting up Prisma ORM

Setting up Prisma with Fastify and a MySQL server involves several steps, including installing Prisma, configuring your database connection, and integrating it into your Fastify application. Below are general instructions. Keep in mind that specific details might vary depending on your project structure.

1. Migrate Prisma Schema to database:

The prisma is already designed for you , you can check the Prisma schema at /prisma/schema.prisma

to migrate the schema run this command:

npx prisma migrate


๐Ÿ”˜ Downloading the packages

1. React native app

Go to project direct where <package.json> is exist and type in terminal :

npm install 

2. server

Go to project direct where <package.json> is exist and type in terminal :

npm install

OR

bun install

bun is a new runtime tools for javascript , which way more faster than nodeJs , you may read more about bun form here.


Running the projects

1. server

move to project directory and run the next command :

bun dev

2. react native

move to project directory and run the next command:

npm run start


๐Ÿ“œ License

This software is licensed under the MIT ยฉ FaRiS.

taskmanager's People

Contributors

faris-abukhader avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.