A Spring Boot - React Petshop Application

Related tags

React zuri-petshop
Overview

zuri-petshop

A Spring Boot-React-React Native Petshop Application

Installation

In order to install the development environment, please follow below steps to have a working development environment. 1- Java JDK 11 2- Node.js 3- MySql Server80 4- Maven 5- IDE like IntelliJ IDEA Community for backend development 6-In order to start be, go to project folder, mvn clean install. And run Java application. 7- IDE for frontend development(e.g. WebStorm, Visual Studio Code, etc.) 8- In order to start admin panel, go to project folder, npm install and npm start. 9- npm i -g expo 10- In order to start mobile app, go to project folder, npm run android or npm run ios.

Comments
  • User service

    User service

    1. Implemented new endpoints and objects in order
    • to get a paged list of users
    • to get a single user
    • delete a user
    1. Added access rule for delete and list endpoints
    2. Implemented user page, details modal and api request for admin panel.
    opened by moustaphastar 1
  • fix: Use mandatory file extensions

    fix: Use mandatory file extensions

    A file extension must be provided when using the import keyword to resolve relative or absolute specifiers. Directory indexes (e.g. './startup/index.js') must also be fully specified.

    This behavior matches how import behaves in browser environments, assuming a typically configured server.

    Ref: https://nodejs.org/docs/latest-v17.x/api/esm.html#mandatory-file-extensions

    (Even if you perhaps using require() and extension-less paths, using extension can help with the migration to esm later)


    Hi, I'm experimenting with a github bot to do quality checks and sending automated pr that could improve your code. Sorry if I'm not helpful.

    opened by modernizer-bot 0
  • User service update implementation

    User service update implementation

    Implemented the update logic for user service, fixed a typo in "delete" endpoint's path string and corrected the role string in authorization check expression. Create user is handled by user signup flow. closes #31 closes #46

    MVP 
    opened by moustaphastar 0
  • Uploading an image file via the Add Product flow fails

    Uploading an image file via the Add Product flow fails

    Description Product images can't be uploaded on admin panel while trying to add a product using the "Ürün Ekle" flow.

    The front end app receives a 500 status code from the back end app which throws a NullPointerException at retrieving Google credentials through the uploadFile method of the FirebaseFileServiceImpl class. Inside this method, getResourceAsStream method call is passed an argument as "zuri-petshop-firebase.json" (non-existent) instead of "firebase.json" (existent).

    @Service
    public class FirebaseFileServiceImpl implements FirebaseFileService {
    // ...
        @Override
        public String uploadFile(InputStream is, String contentType, String path, String fileName) throws IOException {
            InputStream serviceAccount = getClass()
                    .getClassLoader()
                    .getResourceAsStream("zuri-petshop-firebase.json");  // <= Correct filename is "firebase.json"
            Storage storage = StorageOptions.newBuilder()
                    .setCredentials(GoogleCredentials.fromStream(serviceAccount)) // <= Throws NullPointerException
                    .setProjectId(PETSHOP_FIREBASE_PROJECT_ID).build().getService();
    // ...
        }
    }
    

    Steps to Reproduce

    • Login to admin panel.
    • Add a category if none exists.
    • Upload an image file for a product using the "Ürün Ekle" flow .

    Expected Result The product image file is uploaded successfully to Firebase.

    Actual Result Upload fails. Admin panel receives a 500 status code from the back end app and the back end app throws a NPE.

    Error Message

    2021-09-09 03:47:24.233 ERROR 6832 --- [nio-8081-exec-4] c.t.p.v.h.ApplicationExceptionHandler    : Exception : class java.lang.NullPointerException: null
    
    java.lang.NullPointerException: null
    	at com.google.common.base.Preconditions.checkNotNull(Preconditions.java:892) ~[guava-30.1.1-android.jar:na]
    	at com.google.api.client.util.Preconditions.checkNotNull(Preconditions.java:125) ~[google-http-client-1.39.2.jar:1.39.2]
    	at com.google.auth.oauth2.GoogleCredentials.fromStream(GoogleCredentials.java:151) ~[google-auth-library-oauth2-http-0.26.0.jar:na]
    	at com.google.auth.oauth2.GoogleCredentials.fromStream(GoogleCredentials.java:134) ~[google-auth-library-oauth2-http-0.26.0.jar:na]
    	at com.turkninja.petshop.file.impl.FirebaseFileServiceImpl.uploadFile(FirebaseFileServiceImpl.java:32) ~[classes/:na]
    	at com.turkninja.petshop.v1.FileResource.uploadFile(FileResource.java:30) ~[classes/:na]
    	
    // ... Rest of the error message is omitted
    
    bug 
    opened by moustaphastar 0
  • Add user with admin role

    Add user with admin role

    Implemented methods to let the super_admin users to insert admin users. Also, added a resource bundle to keep local settings and updated documentation.

    closes #51

    enhancement 
    opened by moustaphastar 0
Owner
Ali Turgut Bozkurt
Senior Full Stack Java Developer
Ali Turgut Bozkurt
✌️ A spring physics based React animation library

react-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough

Poimandres 24.7k Dec 28, 2022
A spring that solves your animation problems.

React-Motion import {Motion, spring} from 'react-motion'; // In your render... <Motion defaultStyle={{x: 0}} style={{x: spring(10)}}> {value => <div

Cheng Lou 21.3k Jan 5, 2023
Smart Shop免费开源商城系统-spring cloud框架

注:该代码为1.0版本 以下介绍为v1.5部分 前言 交流群 技术微信 启山智软社区团购是一款系统稳定且经过线上反复论证并拥有大量真实用户使用的Java社区团购系统。 基于市场的反馈和变化,我们在不断开发完善社区团购的基础上,还抽离了一套属于我们自己的智慧门店物流配送系统,来帮助线下门店针对货物进行

null 356 Nov 9, 2022
Vanilla JS spring-interpolated values

Vanilla JS spring-interpolated values

Martin Wecke 4 Feb 28, 2022
A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Franklin Okolie 4 Jun 5, 2022
Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose.

spa-store Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose. Contributing Feedback Roadmap Releases Check

Luis Falcon 2 Jul 4, 2022
Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

Recoil · Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec

Facebook Experimental 18.2k Jan 8, 2023
This is a calculator application. The user can do some calculations on this application.

Math Magicians This is a calculator application. The user can do some calculations on this application. Built with: Reactjs Redux Live Live demo deplo

Firdavs Allamurotov 4 May 15, 2022
A web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Travelers' Hub A web application for a company that provides commercial and scientific space travel services. The application allows users to bo

Manel Hammouche 8 Oct 14, 2022
🌋 Pluggable enterprise-level react application framework.

English | 简体中文 umi ?? Extensible enterprise-level front-end application framework. Please consider following this project's author, sorrycc, and consi

UmiJS 13.5k Jan 1, 2023
A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.

Getting Started with react-final-boilerplate Clone the code npm install You are good to go with React Application. Open http://localhost:3000/ and you

null 24 Dec 22, 2022
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Chat Loop Chat Loop is a highly scalable, low cost and high performant chat application built on AWS and React leveraging GraphQL subscriptions for re

Smile Gupta 24 Jun 20, 2022
Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

Efecan Pınar 24 Sep 6, 2022
React Native & Expo music player application UI

Would you like to support me? Musicont React Native & Expo music player application UI Demo: https://expo.io/@jsxclan/musicont APK: Download on Google

JSX Clan 82 Dec 14, 2022
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit CRUD example with React Hooks, Axios & Web API Build Redux-Toolkit CRUD application with React Hooks and Rest API calls in that: Each it

null 69 Dec 27, 2022
A React application for AddressBook to manage contacts on web. It will use JSON-server to create backend apis.

Available Scripts In the project directory, you can run: npm install To install all related packages npm start Runs the app in the development mode. O

null 1 Jan 10, 2022
A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

Supuni Eleesha Randeniya 1 Dec 15, 2022
Look it is a web application developed with React JS and using Sanity

Look-it social media app Look it's a web application that consists in a social media app where users who have registered can share all kinds of photos

Irmin 1 Feb 1, 2022
Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.

TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control

Rui Neto 13 Dec 31, 2022