Skip to content

Welcome to the Blog Mobile App, built using React Native and Expo for seamless user experiences. This app is designed to make blogging easier and more accessible on mobile devices. Users can create, edit, and view blog posts directly from their phones

Notifications You must be signed in to change notification settings

Adarsh01208/blog-app

Repository files navigation

🤖 Introduction

Welcome to the Blog Mobile App, built using React Native and Expo for seamless user experiences. This app is designed to make blogging easier and more accessible on mobile devices. Users can create, edit, and view blog posts directly from their phones.

⚙️ Tech Stack

  • React Native
  • Expo
  • Nativewind
  • Animatable
  • Appwrite

🔋 Features

  • Onboarding Screen: Engaging graphics and clear instructions welcome users to the app.
  • Authentication System: Secure email login safeguards user accounts.
  • Home Screen: Displays the latest blog posts in a dynamic and interactive manner.
  • Create Post: Allows users to create and upload blog posts directly from their device.
  • Profile Screen: Users can view and edit their profile, including their uploaded blog posts.
  • Animations: Enhanced user interaction with dynamic animations using the Animatable library.
  • Responsiveness: Smooth performance and adaptability across various devices and screen sizes.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/Adarsh01208/blog-app.git
cd your-repo-name

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a .env file in the root directory with the following:

# Replace with your actual credentials
  endpoint: process.env.REACT_APP_ENDPOINT 
  platform: process.env.REACT_APP_PLATFORM 
  projectId: process.env.REACT_APP_PROJECT_ID,
  storageId: process.env.REACT_APP_STORAGE_ID,
  databaseId: process.env.REACT_APP_DATABASE_ID,
  userCollectionId: process.env.REACT_APP_USER_COLLECTION_ID,
  videoCollectionId: process.env.REACT_APP_VIDEO_COLLECTION_ID,

Running the Project

npm start

Expo Go

Download the Expo Go app onto your device, then use it to scan the QR code from Terminal and run.

Contribution

Contributions are welcome! Please follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/improvement).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature/improvement).
  6. Create a new Pull Request.

License

This project is licensed under the MIT License.


Please let me know if you need any further modifications or additions! 😊

About

Welcome to the Blog Mobile App, built using React Native and Expo for seamless user experiences. This app is designed to make blogging easier and more accessible on mobile devices. Users can create, edit, and view blog posts directly from their phones

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published